PORTFOLIO

Matthew Brooks - Interaction Designer

2021

Digital Playbook - DTA

This Alpha prototype is not live.

I prototyped this using Affinity Designer, Keyshape and Sparkle (Apple Mac apps).

The ‘Playbook’ is for teaching digital professionals in government about Agile practices. The plays can be viewed as animated videos, printed as posters and read as text content. The plays would cover more topics in future.

2021

Digital Profession - DTA

The Digital Profession was a Beta prototype and a live website.

I prototyped this using Figma.

The prototype was iterated based on users’ feedback. Initially I did an HTML mockup in code using the Australian Government Design System starter kit.

The Membership page shows an example of a form I designed.

2021

Connected Content - DTA

This Alpha prototype is not live.

I prototyped thisusing Figma.

The prototype has been presented to executive as a proof of concept.

I added annotation and scenario buttons in the top left corner that overlay additional information.

I mocked up several early themes.

2020

Style Manual - DTA

The Style Manual is a live website.

I prototyped this using Adobe XD, Sketch and HTML mockups in code.

The prototypes were usability tested and iterated based on findings.

The website went live in September 2020.

2020

Career Pathfinder - DTA

The Career Pathfinder was an alpha prototype and a live beta website.

I prototyped this using Hype.

The prototype was presented to colleagues as an alternative design that uses the Australian Government Design System and supports mobile (small displays).

2019

Style Manual Alpha / Beta (interaction designer)

2018

Digital Transformation Guides (interaction designer)

DTA website rebuild (interaction designer)

Australian Government Design System (interaction designer)

2017

I started at the Digital Transformation Agency (DTA) as an interaction designer APS6

2022

2023

My Climate View (previously CSA) - Data61/CSIRO

I prototyped this using Figma.

My Climate View was iterated from user research activities and co-designing solutions with user researchers and the product team.


The prototype was iterated based on users’ feedback on a summary view of future climate trends for their selected location and commodity.

2022

APSJobs - APSC

This Alpha prototype is not live.

I prototyped this using Figma.

This prototype was iterated from user research activities and co-designing solutions.


I designed a set of icons and UI prototypes for developers to implement and provided image assets and code (HTML/CSS) for them to make the components accessible and responsive.